<template>
  <div>
    <div class="my-element mx-auto">
      <router-view></router-view>
    </div>
  </div>
</template>
<script setup></script>
<style>
/* 默认样式 */
.my-element {
  width: 100%; /* 或者其他初始宽度 */
  /* 其他样式 */
}

@media (min-width: 1400px) {
  .my-element {
    max-width: 1920px;
  }
}

/* 屏幕宽度大于或等于 1400px 时的样式 */
@media (min-width: 1400px) {
  .my-element {
    max-width: 1500px;
  }
}

@media (min-width: 1600px) {
  .my-element {
    max-width: 1700px;
  }
}
</style>
